<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
%>

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>登录 - 等你回家平台</title>
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="<%=path%>/web/static/layui/css/layui.css">
    <link rel="stylesheet" href="<%=path%>/web/static/css/login.css">
    <link href="<%=path%>/web/static/css/drag.css" rel="stylesheet" type="text/css"/>

</head>

<body>
<div class="layui-carousel video_mask" id="login_carousel">
    <div carousel-item>
        <div class="carousel_div1"></div>
        <div class="carousel_div2"></div>
        <div class="carousel_div3"></div>
    </div>
    <div class="login layui-anim layui-anim-up">
        <div class="layui-logo">
            <a href="#" target="_blank"><img src="<%=path%>/web/static/img/logo.png" /></a>
        </div>
        <fieldset class="layui-elem-field layui-field-title">
            <legend class="text-white">等你回家平台登录</legend>
        </fieldset>
        <div class="layui-form" action="" method="post">
            <div class="layui-form-item">
                <input type="text" id="account" lay-verify="required|account" maxlength="20" placeholder="请输入手机号" autocomplete="off" autofocus="autofocus" class="layui-input">
            </div>
            <div class="layui-form-item">
                <input type="password" id="password" lay-verify="required" maxlength="20" placeholder="请输入密码" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-item">
                <div id="drag"></div>
            </div>
            <div class="layui-form-item" style="float: left;width:450px;margin-left:-150px">
                <input lay-filter="agreen-checkbox" title="记住我" type="checkbox" lay-skin="primary" checked id="remenberMe">
                <span style="float: right;margin-top:9px"><a href="<%=path %>/web/userinfo/forgetPassword" style="color:white">忘记密码?</a></span>
            </div>
            <button class="login_btn layui-btn layui-btn-radius layui-btn-normal" lay-submit lay-filter="login">登录</button>
            <strong class="text-white">还没有账号？ <a href="<%=path%>/web/userinfo/register" style="color: cornflowerblue;">立即注册&raquo;</a></strong>
        </div>
        <hr class="layui-bg-gray">
        <div class="layui-footer text-white">
            <!-- 底部固定区域 -->
            &copy;2019 万码学堂 版权所有
        </div>
    </div>
</div>

<script type="text/javascript" src="<%=path%>/web/index/js/jquery.min.js" ></script>
<script type="text/javascript" src="<%=path%>/web/static/layui/layui.all.js"></script>
<script type="text/javascript" src="<%=path%>/web/static/js/login.js"></script>
<script src="<%=path%>/web/static/js/drag.js" type="text/javascript"></script>

</body>

</html>
<script type="text/javascript">
    $('#drag').drag();
</script>

